<!--管理工具-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left"></div>
        <div class="center sliding">主页</div>
        <div class="right"></div>
    </div>
</div>

<div class="pages navbar-through">
    <div data-page="order-list" class="page no-navbar with-subnavbar order-list">
        <div class="subnavbar sliding">
            <div class="row no-gutter tab-container">
                <a href="./index/home.html?type=1"
                   class="tab-label col-auto no-animation {{#js_if " this.type==1"}}active{{/js_if}}">全部</a>
                <a href="./index/home.html?type=2"
                   class="tab-label col-auto no-animation {{#js_if " this.type==2"}}active{{/js_if}}">待验证</a>
                <a href="./index/home.html?type=3"
                   class="tab-label col-auto no-animation {{#js_if " this.type==3"}}active{{/js_if}}">待预约</a>
                <a href="./index/home.html?type=4"
                   class="tab-label col-auto no-animation {{#js_if " this.type==4"}}active{{/js_if}}">已取消</a>
                <a href="./index/home.html?type=5"
                   class="tab-label col-auto no-animation {{#js_if " this.type==5"}}active{{/js_if}}">已完成</a>
            </div>
        </div>

        <div class="page-content">
            <div class="list-block">
                <ul>
                    <li class="row item item-title">
                        <span>订单数: {{total}}</span>
                        <span>订单金额: {{price}}</span>
                    </li>
                    <li class="search-item bg-color">
                        <form action="" method="get" class="row">
                            <input name="keywords" value="" class="col-80" placeholder="输入订单号">
                            <button class="button col-20">搜索</button>
                        </form>
                    </li>

                    <li style="height: 30px" class="bg-color"></li>
                    {{#each orders}}
                    <li class="item-date bg-color row">
                        <span>{{date}}</span>
                        <span>订单金额：{{price}}</span>
                    </li>
                    {{#each list}}
                    <li class="item">
                        <div class="row item-title">
                            <span>订单号：{{id}}</span>
                            <span class="color-theme">
                                {{#js_if "this.type==1"}}
                                待验证
                                {{/js_if}}
                                {{#js_if "this.type==2"}}
                                待预约
                                {{/js_if}}
                                {{#js_if "this.type==3"}}
                                已取消
                                {{/js_if}}
                                {{#js_if "this.type==4"}}
                                已完成
                                {{/js_if}}
                            </span>
                        </div>
                        <div class="divider-line"></div>
                        <div class="order-item-content">
                            <div class="row">
                                <span class="item-desc">{{desc}}</span>
                            </div>
                            <div class="row order-customer">
                                <span>{{customer}}</span>
                                <span>{{phone}}</span>
                            </div>
                            <div class="row order-date">
                                <span>下单时间：{{date}}</span>
                            </div>
                            <div class="row order-date">
                                <span>数量：{{number}}</span>
                                <span>总价：{{price}}</span>
                            </div>
                        </div>
                        <div class="divider-line"></div>
                        <div class="item-footer">
                            <a class="button verify-btn">手动验证</a>
                        </div>
                    </li>
                    {{#if @last}}
                    {{else}}
                    <li class="li-divider-15 bg-color"></li>
                    {{/if}}
                    {{/each}}
                    <li style="height: 30px" class="bg-color"></li>
                    {{/each}}
                </ul>
                <div class="divider row" style="padding-top: 30px">
                    <div class="deep col-30"></div>
                    <span>已经全部加载完成</span>
                    <div class="deep col-30"></div>
                </div>
            </div>

        </div>


    </div>
</div>